@import "../../styles/default";

.erayt-mask{
  position: fixed;
  z-index: 1001;
  width:100%;
  height:100%;
  opacity: .3;
  top: 0;
  bottom:0;
  background: #000;
}
@keyframes dialog-animation {
  0% {
    transform: scale(0.1);
  }
  100% {
    transform: scale(1.1);
  }
}
.erayt-dialog{
  position: fixed;
  margin:auto;
  left:0;
  right:0;
  top:50%;
  transform:translate(0, -50%);
  animation: dialog-animation 0.2s ease-out;
  z-index:1201;
  font-size: 10px;
  background: $theme-quotation-card-color;
  box-shadow: 0 0 size(8) $text-lip-color;
  .erayt-dialog-title{
    position:relative;
    padding: size(8) pxToRem(12);
    font-size: pxToRem(16);
    color: $text-lip-color;
    .erayt-dialog-close {
      position: absolute;
      display: flex;
      align-items: center;
      top:0;
      right:pxToRem(12);
      bottom:0;
      margin:auto;
      &.erayt-dialog-close-theme{
        color:$text-lip-color;
        font-weight:bold;
      }
    }

  }
  .erayt-dialog-content{
    padding: size(14) pxToRem(16);
  }
}
